.account-container {
  margin: 20px auto 0 auto;
  width: 1284px;
  height: 432px;
  opacity: 1;
  border-radius: 14px;
  background: rgba(28, 28, 35, 1);
  padding-top: 16px;
  box-sizing: content-box;

  .account-container-weapon-info {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1252px;
    height: 320px;
    opacity: 1;
    border-radius: 10px;
    background: linear-gradient(
      180deg,
      rgba(18, 18, 23, 0.9) 0%,
      rgba(18, 18, 23, 0.4) 48.75%,
      rgba(18, 18, 23, 0.9) 100%
    );

    .account-item-type1 {
      height: 320px;
      text-align: center;
      overflow-y: hidden;

      position: relative;

      .weapon1,
      .weapon2,
      .weapon3 {
        width: 220px;
        height: 138px;
        margin: 0 auto;

        position: absolute;
        left: calc(50% - 110px);
      }

      .weapon1 {
        top: -94px;
      }
      .weapon2 {
        top: 96px;
      }
      .weapon3 {
        top: 286px;
      }

      .weapon1,
      .weapon3 {
        opacity: 0.5;
      }
    }

    .account-item-type1,
    .account-item-type2 {
      flex: 1;
    }

    .account-item-split {
      width: 40px;
      height: 100%;
      background: url("@/static/img/battle/battle-details-vs.png") no-repeat
        center center;
    }
  }

  .account-container-items {
    margin: 0 auto;
    width: 1252px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .account-container-item {
      display: flex;
      justify-content: center;
	  margin-top: 20px;
    //   align-items: center;
      .battle-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0px;
        top: 67px;
        width: 218px;
        height: 48px;
        opacity: 1;
        border-radius: 6px;
        background: #20202b;
        margin-right: 20px;

        .battle-tab {
          display: flex;
          justify-content: center;
          align-items: center;

          font-size: 16px;
          margin-right: 40px;
          // border-bottom: 2px solid transparent;
          // padding-bottom: 13px;
          color: rgba(255, 255, 255, 0.4);
          cursor: pointer;

          &:last-child {
            margin-right: 0;
          }

          &.active {
            color: rgba(255, 102, 25, 1);
            left: 4px;
            top: 71px;
            width: 48px;
            height: 48px;
            opacity: 1;
            border-radius: 4px;
            background: linear-gradient(
                0deg,
                rgba(255, 102, 25, 0.1),
                rgba(255, 102, 25, 0.1)
              ),
              rgba(40, 40, 50, 1);
           
            // background: #2b2c38;
            // border-bottom-color: #8e7eed;
            // color: #8e7eed;
          }
        }
      }
    }
    .account-item-info {
      display: flex;
	  justify-content: center;
	  align-items: center;
	  .account-item-name{
		margin-right: 30px;
	  }
	  .account-item-balance-icon{
		width: 136px;
height: 48px;
border-radius: 8px;
background: rgba(250, 100, 24, 1);
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
	  }
    }
  }
}
